<!DOCTYPE html><html><head><title>前端程序员的第一个网页</title>
<style type="text/css">
	body{
		text-align: center;
		padding-top: 220px;
	}
	.content{
		width: 750px;
		border: solid 1px #ccc;
		border-radius: 10px;
		margin:0 auto;
	}
	.content img{
		width: 70%;
		margin-top: 30px;
	}
	.content p{
		color: #666;
		margin-top: 20px;
		font-size: 16px
	}
	.learn{
		margin-top: 1500px;
		border: solid 1px #000;
		margin-bottom: 1000px;
	}
</style>
</head>
<body>
	<div class="content">
		<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606052404797&di=9ac2268edc6d80198504f3974081513e&imgtype=0&src=http%3A%2F%2Fp3.pstatp.com%2Flarge%2Fpgc-image%2F1526620096812d366bd5a54"/>
		<h1> hello world! </h1>
		<p>简介：今天开始用css来美化网站，实现布局和样式处理</p>
	</div>






	

	<div class="learn">
		<h2>CSS学习资料</h2>
		<p>w3school: <a target="_blank"  href="https://www.w3school.com.cn/css/index.asp">https://www.w3school.com.cn/css/index.asp<a></p>
		<p>菜鸟教程：<a target="_blank" href="https://www.runoob.com/css/css-tutorial.html">https://www.runoob.com/css/css-tutorial.html</a></p>
		<p>css 参考手册:<a target="_blank"  href="https://www.xp.cn/css3/">https://www.xp.cn/css3/</a></p>
	</div>
	


</body>
</html>